.px2rem(@name, @px) {
   @{name}: @px / 75 * 1rem;
}
.pt(@top){.px2rem(padding-top, @top);}
.pl(@top){.px2rem(padding-left, @top);}
.pr(@top){.px2rem(padding-right, @top);}
.ml(@top){.px2rem(margin-left, @top);}
.mt(@top){.px2rem(margin-top, @top);}
header{
	display: flex;
    align-items: center;
    justify-content: space-between;
	.px2rem(height,98);
	background: #fafafa;
	.px2rem(font-size,40);
	color: #333333;
	border-bottom: 1px solid #cdcdcd;
	img{
		.px2rem(width,60);
		.px2rem(height,60);
	}
	.sousuo{
		.pr(15);
	}
	.rentou{
		.pl(15);
	}
}
nav{
	display: flex;
    align-items: center;
    justify-content: space-between;
    .px2rem(height,75);
    border-bottom: 1px solid #cdcdcd;
    .px2rem(font-size,25);
    .kongjian{
		.pr(25);
	}
	.zonghe{
		.pl(25);
	}
	span:hover{
          color: #89ae11;
        }
}
section{
	.px2rem(height,920);
	background: #ffffff;
	text-align: center;
	img{
		width:100%;
	}
	h2{
		.px2rem(font-size,20);
		color: #999999;
		span{
			color: #333333;
		}
	}
	h1{
		.px2rem(font-size,26);
		color: #333333;
		.pt(20);
	}
}
footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	.px2rem(height,120);
	background: #ffffff;
	dl{
		.px2rem(padding-top,20);
		width: 20%;
		float: left;
		dt{
			display: flex;
			justify-content: center;
			img{
				.px2rem(height,48);
				.px2rem(width,40);
			}
		}
		dd{
			display: flex;
			justify-content: center;
			.px2rem(padding-top,15);
		}
	}
}
